<template>
  <div class="School">
      <h2>学校名称:{{name}}</h2>
      <h2>学校地址:{{address}}</h2>
  </div>
</template>

<script>
import pubsub from 'pubsub-js'
export default {
    name:'School',
    data(){
        return{
            name:'尚硅谷',
            address:'北京'
        }
    },
    methods:{
        demo(msgName,data){
            console.log('有人发布了hello消息,hello消息的回调执行了',msgName,data);
        }
    },
    mounted() {
        //console.log('School',this);
        /* this.$bus.$on('hello',(data)=>{
            console.log('我是School组件，收到了数据',data);
        }) */
        this.pubId = pubsub.subscribe('hello',this.demo)//订阅消息
    },
    beforeDestroy() {
        /* this.$bus.$off('hello') */ //在组件销毁前解绑hello 以免影响其他组件使用hello
        pubsub.unsubscribe(this.pubId)
    },
}
</script>

<style scoped>
    .School{
        background-color: skyblue;
        padding: 5px;
    }
</style>